<!DOCTYPE HTML>

<html>
	<head>
		<link rel="shortcut icon" href="https://monkeyhbd.gitee.io/image/mokey-land.png">
		<!-- Welcome to visit monkeyhbd.gitee.io. -->
		<title>印猴笔记 | Monkeyhbd</title>
		<meta name="viewport" content="width=device-width initial-scale=1">
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="./style.css">
		<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.8.2/css/fontawesome.min.css">
		<script type="text/javascript" src="./script.js"></script>
		<style>
		</style>
	</head>
	<body>
		<header>
			<div id="nav-bar">
				<div id="nav-bar-box">
					<ul id="first-menu">
						<li id="logo-li" style="margin-right: 49px;">
							<a href="" style="height: 37px;">
								<img class="mega-menu-logo" src="./image/logo.png" srcset="https://www.yinxiang.com/new/wp-content/uploads/2019/08/导航logo@2x.png 2x" width="131" height="37">
							</a>
						</li>
						<li class="left-li" onmouseenter="show_sub_menu(this)" onmouseleave="hide_sub_menu(this)">
							<a href="">
								产品
								<svg style="vertical-align: auto;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1648899322950" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="1650" width="15" height="15">
									<defs><style type="text/css"/></defs><path d="M224 384h576l-288 320z" p-id="1651"/>
								</svg>
							</a>
							<div class="sub-menu-container">
								<div class="sub-menu">
									<div id="sub-menu-content" class="sub-menu-content">
										<div id="sub-menu-content1-column1" class="sub-menu-column">
											<div class="sub-menu-content-column-tittle">印猴笔记</div>
											<div class="sub-menu-content-column-content">
												<a>
													<img src="./image/img11.png">
													<div>
														<div class="sub-menu-text-up">功能介绍</div>
														<div class="sub-menu-text-down">印象笔记功能概览</div>
													</div>
												</a>
												<a>
													<img src="./image/img12.png">
													<div>
														<div class="sub-menu-text-up">免费下载</div>
														<div class="sub-menu-text-down">支持所有设备，随时随地同步</div>
													</div>
												</a>
												<a>
													<img src="./image/img13.png">
													<div>
														<div class="sub-menu-text-up">会员权益</div>
														<div class="sub-menu-text-down">选择符合需求的帐户类型</div>
													</div>
												</a>
												<a>
													<img src="./image/img14.png">
													<div>
														<div class="sub-menu-text-up">印猴笔记·剪藏</div>
														<div class="sub-menu-text-down">一键保存网页</div>
													</div>
												</a>
											</div>
										</div>
										<div class="vl"></div>
										<div class="sub-menu-column">
											<div class="sub-menu-content-column-tittle">更多产品</div>
											<div class="sub-menu-content-column-content">
												<a>
													<img src="./image/img21.png">
													<div>
														<div class="sub-menu-text-up">扫描宝</div>
														<div class="sub-menu-text-down">手机里的扫描仪</div>
													</div>
												</a>
												<a>
													<img src="./image/img22.png">
													<div>
														<div class="sub-menu-text-up">印猴时间</div>
														<div class="sub-menu-text-down">专注时间管理，高效规划日程</div>
													</div>
												</a>
												<a>
													<img src="./image/img23.png">
													<div>
														<div class="sub-menu-text-up">印猴录音机</div>
														<div class="sub-menu-text-down">实时音频转写精确识别</div>
													</div>
												</a>
												<a>
													<img src="./image/img24.png">
													<div>
														<div class="sub-menu-text-up">傻笔</div>
														<div class="sub-menu-text-down">高效标注图片，轻松添加注释</div>
													</div>
												</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</li>
						<li class="left-li" onmouseenter="show_sub_menu(this)" onmouseleave="hide_sub_menu(this)">
							<a href="">
								探索印猴
								<svg style="vertical-align: auto;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1648899322950" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="1650" width="15" height="15">
									<defs><style type="text/css"/></defs><path d="M224 384h576l-288 320z" p-id="1651"/>
								</svg>
							</a>
							<div class="sub-menu-container">
								<div class="sub-menu"></div>
							</div>
						</li>
						<li class="left-li" onmouseenter="show_sub_menu(this)" onmouseleave="hide_sub_menu(this)">
							<a href="">
								企业版
								<svg style="vertical-align: auto;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1648899322950" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="1650" width="15" height="15">
									<defs><style type="text/css"/></defs><path d="M224 384h576l-288 320z" p-id="1651"/>
								</svg>
							</a>
							<div class="sub-menu-container">
								<div class="sub-menu"></div>
							</div>
						</li>
						<li class="left-li">
							<a href="">
								模板库
							</a>
						</li>
						<li id="download-li" class="right-li">
							<a href="">下载</a>
						</li>
						<li id="login-li" class="right-li">
							<a href="">注册/登录</a>
						</li>
					</ul>
				</div>
			</div>
		</header>
		<div id="content">
			<section id="show-page" class="page">
				<div id="stage-container">
					<img id="stage-image" src="./image/show-1.jpg">
				</div>
			</section>
			<section id="register-page" class="page">
				<div id="register-page-box" class="row-box">
					<div id="register-page-form-container" class="column-box">
						<div id="register-method-button-container">
							<button class="register-method-button">微信注册</button>
							<button class="register-method-button">手机号注册</button>
						</div>
						<div id="separator-container">
							<span id="separator">
								<span id="separator-text">或</span>
							</span>
						</div>
						<form id="register-page-form" name="RegForm">
							<div class="form-input-wrapper">
								<input class="form-input" name="email" type="text" placeholder="邮箱">
							</div>
							<div class="form-input-wrapper">
								<input class="form-input" name="password" type="password" placeholder="密码">
							</div>
							<div class="form-input-wrapper">
								<button id="form-register-button" onclick="">免费注册</button>
							</div>
						</form>
					</div>
				</div>
			</section>
			<section id="use-page" class="page">
				<div id="use-page-box" class="row-box">
					<div id="use-page-content-container" class="colum-box">
						<div id="use-page-text-container">
							<p style="font-size: 44px; font-weight: bolder;">使用印猴笔记，管理你的第二大脑</p>
							<p style="font-size: 20px;">随时随地获取、整理、分享笔记，让灵感时刻与你同行</p>
						</div>
					</div>
				</div>
			</section>
			<section id="introduction-page" class="page">
				<div id="introduction-page-box" class="row-box">
					<div class="introduction-item-container" class="row-box">
						<div class="introduction-item">
							<div class="inctroduction-item-image-container">
								<img src="./image/introduction-1.png">
							</div>
							<div class="inctroduction-item-tittle-container">
								<p>多端同步</p>
							</div>
							<div class="inctroduction-item-text-container">
								<p>随时随地查看和备份信息</p>
							</div>
						</div>
						<div class="introduction-item">
							<div class="inctroduction-item-image-container">
								<img src="./image/introduction-2.png">
							</div>
							<div class="inctroduction-item-tittle-container">
								<p>内容收藏</p>
							</div>
							<div class="inctroduction-item-text-container">
								<p>一键储存高价值网页和文章</p>
							</div>
						</div>
						<div class="introduction-item">
							<div class="inctroduction-item-image-container">
								<img src="./image/introduction-3.png">
							</div>
							<div class="inctroduction-item-tittle-container">
								<p>资料管理</p>
							</div>
							<div class="inctroduction-item-text-container">
								<p>全面支持Office、PDF等格式</p>
							</div>
						</div>
						<div class="introduction-item">
							<div class="inctroduction-item-image-container">
								<img src="./image/introduction-4.png">
							</div>
							<div class="inctroduction-item-tittle-container">
								<p>信息共享</p>
							</div>
							<div class="inctroduction-item-text-container">
								<p>快捷共享笔记，高效完成协作</p>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
	</body>
</html>
